<template>
	<view class="content">
		<view class="ul">
			<view class="uni-card-content">河西校区</view>
			<view class="con">
				<view class="item" @tap="pone('60600641')">
					<image src="../../static/img/pone2.png" mode=""></image>
					<text>60600641</text>
				</view>
				<view class="item" @tap="pone('18920203193')">
					<image src="../../static/img/pone1.png" mode=""></image>
					<text>18920203193</text>
				</view>
			</view>
		</view>
		
		<view class="ul">
			<view class="uni-card-content">滨海校区</view>
			<view class="con">
				<view class="item" @tap="pone('60600641')">
					<image src="../../static/img/pone2.png" mode=""></image>
					<text>60601604</text>
				</view>
				<view class="item" @tap="pone('18920203193')">
					<image src="../../static/img/pone1.png" mode=""></image>
					<text>13332027233</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {
		pone(num) {
			uni.showModal({
				title: '提示',
				content: '是否拨打 '+num+' 报修电话',
				success: (res)=> {
					if (res.confirm) {
						console.log('用户点击确定');
						uni.makePhoneCall({
							phoneNumber: num //仅为示例
						});
					} else if (res.cancel) {
						console.log('用户点击取消');
					}
				}
			});
		}
	}
};
</script>

<style lang="scss">
.content {
	background: #F5F5F5;
	.ul {
		padding: 10upx 0;
		.uni-card-content {
			color: #5D5D5D;
			font-size: 36upx;
			// line-height: 1.5;
		}
		.con {
			display: flex;
			border-bottom: 1px solid #E4E4E4;
			// justify-content: space-between;
			padding-bottom: 14upx;

			.item {
				display: flex;
				align-items: center;
				padding: 0 30upx 0 0;
				text {
					padding: 0 10upx;
					color: #A4A4A4;
				}
				image {
					width: 30upx;
					height: 30upx;
				}
			}
			
		}
	}
}
</style>
